*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{background-repeat:no-repeat!important;background-size:cover!important}
#zxtips-fade.black-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:10001;-moz-opacity:.4;opacity:.4;filter:alpha(opacity=40)}
#zxtips-fade.white-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:10001;-moz-opacity:.4;opacity:.4;filter:alpha(opacity=40)}
.zxtips-light.classic-content{display:block;position:fixed;top:30%;left:5%;right:5%;border-radius:5px;background-color:#fff;z-index:10002;overflow:auto;max-width:450px;margin:auto;}
.zxtips-light.classic-content .zxtips-head{background-color:#fff;color:#666;padding:5px 10px;display:table;width:100%;font-size:18px}
.zxtips-light.classic-content .zxtips-head .fl{float:left}
.zxtips-light.classic-content .zxtips-head .fr{float:right}
.zxtips-light.classic-content .zxtips-head .fr.closebutton{cursor:pointer}
.zxtips-light.classic-content .zxtips-content{padding: 20px 0; text-align: center;  font-size: 25px;}
.zxtips-light.classic-content .zxtips-foot{text-align:center;margin: 10px;margin-top: 0;padding: 10px;}
.zxtips-light.classic-content .zxtips-foot .zxsubmit{font-size: 18px;padding:10px 40px;background-color: #ff4b51;color:#fff;cursor:pointer;margin:10px;}
.zxtips-light.classic-content .zxtips-foot .zxsubmit:hover{background-color:#ef3a40}
.zxtips-light.classic-content .zxtips-foot .zxsubmit:active{background-color:#e02f35}
.zxtips-light.classic-content .zxtips-foot .zxsubmit.cancel{background-color: #ccc;}
.zxtips-light.classic-content .zxtips-foot .zxsubmit.cancel:hover{background-color:#bbb}
.zxtips-light.classic-content .zxtips-foot .zxsubmit.cancel:active{background-color:#aaa}
.zxtips-light.load-content{display:block;position:fixed;top:30%;left:1%;right:1%;background-color:#101010;z-index:10020;overflow:auto;width:100px;padding:18px 0;margin:auto;color:#fff;text-align:center;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80);border-radius:10px;}
.zxtips-light.load-content .loadtxt{text-align:left;padding-top:5px;padding-left:20px}
.zxtips-light.tips-content{display:block;position:fixed;top:30%;left:2%;right:2%;background-color:#101010;z-index:10020;overflow:auto;max-width:200px;padding:18px 10px;margin:auto;color:#fff;text-align:center;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80);border-radius:10px}
.zxtips-light.classic-content-animation{-webkit-animation:fadeInUp .8s ease both;animation:fadeInUp .8s ease both}
.zxtips-light.load-content-animation{-webkit-animation:fadeInUp2 .8s ease both;animation:fadeInUp2 .8s ease both}
.zxtips-light .loading-animation{-webkit-animation:rotateCircle 2s linear infinite;animation:rotateCircle 2s linear infinite}
.zxtips-light.tips-content-animation{-webkit-animation:fadeInUp3 1.6s ease both;animation:fadeInUp3 1.6s ease both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:.8;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:.8;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp3{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:.8;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp3{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
30%{opacity:.8;-webkit-transform:none;transform:none}
70%{opacity:.8;-webkit-transform:none;transform:none}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@-webkit-keyframes rotateCircle{0%{transform:rotate(-360deg)}
100%{transform:rotate(0)}
}
@keyframes rotateCircle{0%{transform:rotate(-360deg)}
100%{transform:rotate(0)}
}
.load-content .sk-circle{margin:auto;width:40px;height:40px;position:relative}
.load-content .sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}
.load-content .sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#ddd;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}
.load-content .sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
.load-content .sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.load-content .sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.load-content .sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
.load-content .sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
.load-content .sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.load-content .sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
.load-content .sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
.load-content .sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.load-content .sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.load-content .sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
.load-content .sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.load-content .sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.load-content .sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.load-content .sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.load-content .sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.load-content .sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.load-content .sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.load-content .sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.load-content .sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.load-content .sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.load-content .sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}

.zxtips-light.picpreview-content{display:block;position:fixed;top:15%;left:25%;right:25%;max-height: 70%;max-width:35%;border-radius:5px;background-color:#fff;z-index:10002;overflow:auto;margin:auto;}
.zxtips-light.picpreview-content .zxtips-content{padding:5px; text-align: center;  font-size: 25px;}
.zxtips-light.picpreview-content .zxtips-content img{width:100%;border: 1px solid #f5f5f5;}
